<!DOCTYPE html>
<html lang="en" ng-app="addTravelsCtrl">
<head>
    <title>雅江--发布游记</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!--关键字需要编写-->
    <meta name="keywords" content=""/>
    <script type="application/x-javascript">
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);
        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <link rel="stylesheet" type="text/css" href="css/fileinput.css"/>
    <script src="js/jquery-2.0.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/fileinput.js" type="text/javascript" charset="utf-8"></script>
    <!--交互使用文件-->
    <link rel="stylesheet" type="text/css" href="css/jNotify.jquery.css"/>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="js/angular-1.5.6.js"></script>
    <script type="text/javascript" src="js/controller.js"></script>
    <script type="text/javascript" src="js/jNotify.jquery.js"></script>
    <style>
        .btn-primary {
            background-color: rgba(255, 255, 255, .3);
            border-color: rgba(255, 255, 255, .3);
        }

        .btn-default {
            background: rgba(255, 255, 255, .3) !important;
            color: #fff;
        }

        /*可以修改背景*/
        body {
            background: url(images/banner-1.jpg) no-repeat;
            background-size: cover;
            overflow-x: hidden;
        }

        label {
            color: #fff;
        }

        input, textarea, button {
            background: rgba(255, 255, 255, .3) !important;
        }

        input::-webkit-input-placeholder {
            color: #fff;
        }

        .file-drop-zone-title {
            font-size: 1.5em !important;
        }
    </style>
</head>
<body ng-controller="addTravels">
<form class="form-horizontal" role="form" style="margin-top: 2em;">
    <div class="form-group">
        <label for="pas_title" class="col-sm-2 control-label">标题</label>

        <div class="col-sm-8">
            <input type="text" class="form-control" id="pas_title"
                   placeholder="请输入游记标题" ng-model="travels.title">
        </div>
    </div>
    <div class="form-group">
        <label for="pas_con" class="col-sm-2 control-label">文章内容</label>

        <div class="col-sm-8">
            <textarea class="form-control" id="pas_con" rows="15" placeholder="请输入内容"
                      ng-model="travels.content"></textarea>
        </div>
    </div>
    <div class="container kv-main">

        <br>

        <form enctype="multipart/form-data">

            <div class="form-group">
                <input id="file-1" type="file" multiple class="file" data-overwrite-initial="false"
                       data-min-file-count="2">
            </div>

        </form>
    </div>
    <div class="form-group">
        <label for="pushbtn" class="col-sm-4 control-label"></label>

        <div class="col-sm-4">
            <p>
                <button type="button" id="pushbtn" class="btn btn-primary btn-lg btn-block" ng-click="addTravels()">发布
                </button>
            </p>
        </div>
    </div>

</form>
<script>

    $("#file-1").fileinput({
        uploadUrl: '#', // you must set a valid URL here else you will get an error
        allowedFileExtensions: ['jpg', 'png', 'gif'],
        overwriteInitial: false,
        maxFileSize: 1000,
        maxFilesNum: 10,
        //allowedFileTypes: ['image', 'video', 'flash'],
        slugCallback: function (filename) {
            return filename.replace('(', '_').replace(']', '_');
        }
    });

</script>
<script src="js/bootstrap.js"></script>
</body>
</html>
